// 函数组件封装
import { createVNode, render } from 'vue'
import _Message from './index.vue'
function Message ({ type, text }) {
  // 核心逻辑
  // 1.使用createVNode把一个组件生成dom节点
  // 2.准备一个挂载的节点 -- 手动创建一个节点出来
  // 3.使用render完成挂载，显示在页面中
  const VNode = createVNode(
    // VNode第一个参数--标签/组件
    _Message,
    // VNode第二个参数--各项参数
    {
      type,
      text
    }
  )
  // 创建节点
  const container = document.createElement('div')
  document.body.appendChild(container)
  // 挂载VNode
  render(VNode, container)

  setTimeout(() => {
    render(null, container)
  }, 1000)
}
export default Message
